<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HTML5宽屏大气大型在线购物网购商城网站模板</title>
    <meta name="keywords" content="HTML5,宽屏大气,大型,在线购物,网购商城"/>
    <meta name="description" content="HTML5宽屏大气大型在线购物网购商城网站模板下载。仿新版京东商城界面网页模板。js代码(www.jsdaima.com)"/>
    <link rel="stylesheet" type="text/css" href="/static/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
    <link rel="stylesheet" href="/static/css/slide.css"/>

    <link href="/static/user_center/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="/static/user_center/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

    <link href="/static/user_center/css/personal.css" rel="stylesheet" type="text/css">
        <link href="/static/user_center/css/addstyle.css" rel="stylesheet" type="text/css">

    <script src="/static/user_center/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/user_center/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
</head>

<body>
<!--头 -->
<div class="top_banner">
    <div class="module w1200">
        <a href="javascript:">
            <img src="/static/images/active.jpg"/>
            <i class="icon-close"><img src="/static/images/close.png"/></i>
        </a>
    </div>
</div>
<div class="site-nav" id="site-nav">
    <div class="w w1200">
        <div class="fl">
            <div class="city-choice" id="city-choice" data-ectype="dorpdown">
                <div class="dsc-choie dsc-cm" ectype="dsc-choie">
                    <img src="/static/images/place.png" class="place"/>
                    <input type="text" value="北京" class="search"/>
                </div>

            </div>
            {% if user.is_authenticated %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="user_center" class="link-login red">{{ user.username }}</a>
                <a href="/logout" class="link-regist">退出登陆</a>

            </div>
            {% else %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="login" class="link-login red">请登录</a>
                <a href="register" class="link-regist">免费注册</a>
            </div>
            {% endif %}
        </div>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/user_center">个人中心</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/good_car">购物车</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/address">地址</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/">首页</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
    </div>
</div>
<div class="clear"></div>



        <b class="line"></b>

        <div class="center">
            <div class="col-main">
                <div class="main-wrap">

                    <div class="user-address">
                        <!--标题 -->
                        <div class="am-cf am-padding">
                            <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">地址管理</strong> / <small>Address&nbsp;list</small></div>
                        </div>
                        <hr/>
                        <ul class="am-avg-sm-1 am-avg-md-3 am-thumbnails">
                            {% for i in dizhi: %}
                            <li class="user-addresslist">
                                <p class="new-tit new-p-re">
                                    <span class="new-txt">{{ i.get('name') }}</span>
                                    <span class="new-txt-rd2">{{ i.get('phone')[0:4] }}****{{i.get('phone')[-4]}}</span>
                                </p>
                                <div class="new-mu_l2a new-p-re">
                                    <p class="new-mu_l2cw">
                                        <span class="street">{{i.get('address')}}</span></p>
                                </div>
                                <div class="new-addr-btn">
                                    <a href="del_address/?id={{i.get('weiyi')}}" ><i class="am-icon-trash"></i>删除</a>
                                </div>
                            </li>
                            {% endfor %}
                        </ul>
                        <div class="clear"></div>
                        <a class="new-abtn-type" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0}">添加新地址</a>
                        <!--例子-->
                        <div class="am-modal am-modal-no-btn" id="doc-modal-1">

                            <div class="add-dress">

                                <!--标题 -->
                                <div class="am-cf am-padding">
                                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">新增地址</strong> / <small>Add&nbsp;address</small></div>
                                </div>
                                <hr/>

                                <div class="am-u-md-12 am-u-lg-8" style="margin-top: 20px;">
                                    <form class="am-form am-form-horizontal" method="post">

                                        <div class="am-form-group">
                                            <label for="user-name" class="am-form-label">收货人</label>
                                            <div class="am-form-content">
                                                <input type="text" name="user_name" id="user-name" placeholder="收货人">
                                            </div>
                                        </div>

                                        <div class="am-form-group">
                                            <label for="user-phone" class="am-form-label">手机号码</label>
                                            <div class="am-form-content">
                                                <input id="user-phone" name="phone" placeholder="手机号必填" type="text">
                                            </div>
                                        </div>
                                        <div class="am-form-group">
                                            <label for="user-intro" class="am-form-label">详细地址</label>
                                            <div class="am-form-content">
                                                <textarea class="" name="address" rows="3" id="user-intro" placeholder="输入详细地址"></textarea>
                                                <small>100字以内写出你的详细地址...</small>
                                            </div>
                                        </div>

                                        <div class="am-form-group">
                                            <div class="am-u-sm-9 am-u-sm-push-3">
                                                <input class="am-btn am-btn-danger" type="submit" value="新增地址">
                                                <a href="javascript: void(0)" class="am-close am-btn am-btn-danger" data-am-modal-close>取消</a>
                                            </div>
                                        </div>
                                        {{ csrf_input }}
                                    </form>
                                </div>

                            </div>

                        </div>

                    </div>

                    <script type="text/javascript">
                        $(document).ready(function() {
                            $(".new-option-r").click(function() {
                                $(this).parent('.user-addresslist').addClass("defaultAddr").siblings().removeClass("defaultAddr");
                            });

                            var $ww = $(window).width();
                            if($ww>640) {
                                $("#doc-modal-1").removeClass("am-modal am-modal-no-btn")
                            }

                        })
                    </script>

                    <div class="clear"></div>

                </div>
                <!--底部-->
                <div class="footer">
                    <div class="footer-hd">
                        <p>
                            <a href="#">恒望科技</a>
                            <b>|</b>
                            <a href="#">商城首页</a>
                            <b>|</b>
                            <a href="#">支付宝</a>
                            <b>|</b>
                            <a href="#">物流</a>
                        </p>
                    </div>
                    <div class="footer-bd">
                        <p>
                            <a href="#">关于恒望</a>
                            <a href="#">合作伙伴</a>
                            <a href="#">联系我们</a>
                            <a href="#">网站地图</a>
                            <em>© 2015-2025 Hengwang.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
                        </p>
                    </div>
                </div>
            </div>

{% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
{% endif %}
        </div>

    </body>

</html>